<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>订单详情</title>
<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="stylesheet" href="statics/css/bootstrap.css">
		<link rel="stylesheet" href="statics/css/bootstrap-datetimepicker.css">
		<script src="https://cdn.bootcss.com/holder/2.9.4/holder.min.js"></script>
		<script type="text/javascript" src="statics/js/jquery.js"></script>
		<script type="text/javascript" src="statics/js/popper.min.js"></script>
		<script type="text/javascript" src="statics/js/bootstrap.js"></script>
		<script type="text/javascript" src="statics/js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="statics/js/bootstrap-datetimepicker.zh-CN.js"></script>
	<script type="text/javascript">
		$(function () {
		    var hidden = $("#hidden").val();
		    if(hidden == "hidden"){
		        $("#edit").attr("hidden","hidden");
		        $("#save").attr("hidden","hidden");
			}
			$("#edit").click(function () {
                $("#save").removeAttr("disabled");
                $("#loanTime").removeAttr("readonly");
                $("#loanMoney").removeAttr("readonly");
                $("#downPayments").removeAttr("readonly");
                $("#bankName").removeAttr("readonly");
            })
			$("#save").click(function () {
				$("#saveMortgageSheet").submit();
            })
        })
	</script>
</head>
<body>
<div class="container">
	<form action="changeMortgageSheet" method="post" id="saveMortgageSheet">
		<input type="hidden" value="${hidden}" id="hidden">
	<h4 class="page-header">按揭单详情</h4>
	<div class="form-inline">
		<button type="button" id="edit">编辑</button>
		<button disabled="disabled" id="save">保存</button>
	</div>
	<h5 class="page-header">按揭单信息</h5>
	<div class="form-inline">
		<label for="mortgageSheetNo">按揭单单号*</label>
		<input type="text" name="mortgageSheetNo" id="mortgageSheetNo" value="${mortgageVO.mortgageSheetNo}" readonly="readonly"/>
		<label for="mortgageSheetDate">按揭单日期*</label>
		<input type="text" name="mortgageSheetDate" id="mortgageSheetDate" value="${mortgageVO.mortgageSheetDate}" readonly="readonly"/>
		<label for="loanTime">贷款期限</label>
		<input type="text" name="loanTime" id="loanTime" value="${mortgageVO.loanTime}" readonly="readonly"/>
		</div>
	<div class="form-inline">
		<label for="loanMoney">贷款金额*</label>
		<input type="text" name="loanMoney" id="loanMoney" value="${mortgageVO.loanMoney}" readonly="readonly"/>
		<label for="downPayments">首付金额*</label>
		<input type="text" name="downPayments" id="downPayments" value="${mortgageVO.downPayments}" readonly="readonly"/>
		<label for="interestRate">贷款利率</label>
		<input type="text" name="interestRate" id="interestRate" value="${mortgageVO.interestRate}" readonly="readonly"/>
	</div>
	<h5 class="page-header">客户信息</h5>
	<div class="form-inline">
		<label for="customerName">客户姓名</label>
		<input type="text" name="customerName" id="customerName" value="${mortgageVO.customerName}" readonly="readonly"/>
		<label for="customerCardId">身份证号</label>
		<input type="text" name="customerCardId" id="customerCardId" value="${mortgageVO.customerCardId}" readonly="readonly"/>
		<label for="customerTel">联系方式</label>
		<input type="text" name="customerTel" id="customerTel" value="${mortgageVO.customerTel}" readonly="readonly"/>
	</div>
	<div class="form-inline">
		<label for="customerAddress">家庭住址</label>
		<input type="text" name="customerAddress" id="customerAddress" value="${mortgageVO.customerAddress}" readonly="readonly"/>
		<label for="unitName">公司名称</label>
		<input type="text" name="unitName" id="unitName" value="${mortgageVO.unitName}" readonly="readonly"/>
		<label for="payMethod">薪资水平</label>
		<input type="text" name="payMethod" id="payMethod" value="${mortgageVO.payMethod}" readonly="readonly"/>
	</div>
	<h5 class="page-header">车辆信息</h5>
	<div class="form-inline">
		<label for="brand">汽车品牌</label>
		<input type="text" name="brand" id="brand" value="${mortgageVO.brand}" readonly="readonly"/>
		<label for="series">车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系</label>
		<input type="text" name="series" id="series" value="${mortgageVO.series}" readonly="readonly"/>
		<label for="model">车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型</label>
		<input type="text" name="model" id="model" value="${mortgageVO.model}" readonly="readonly"/>
		
	</div>
	<div class="form-inline">
		<label for="configure">车辆配置</label>
		<input type="text" name="configure" id="configure" value="${mortgageVO.configure}" readonly="readonly"/>
		<label for="color">汽车颜色</label>
		<input type="text" name="color" id="color" value="${mortgageVO.color}" readonly="readonly"/>
		<label for="price">汽车价格</label>
		<input type="text" name="price" id="price" value="${mortgageVO.price}" readonly="readonly"/>
	</div>
	<div class="form-inline">
		<label for="vin">VIN&nbsp;&nbsp;&nbsp;&nbsp;</label>
		<input type="text" name="vin" id="vin" value="${mortgageVO.vin}" readonly="readonly"/>
	</div>
		<h5 class="page-header">贷款机构信息</h5>
		<div class="form-inline">
			<label for="bankName">贷款单位</label>
			<input type="text" name="bankName" id="bankName" readonly value="${mortgageVO.bankName}">
			<label for="bankType">单位类型</label>
			<input type="text" name="bankType" id="bankType" readonly value="${mortgageVO.bankType}">
		</div>
	</form>
</div>
</body>
</html>